/* 改变主题色变量 */
$--color-primary: #C6191B;
$--color-text-primary: #333333;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

.el-button--primary:not(.el-button--text) {
    font-size: 16px;
    letter-spacing: 0.1em;

    background: linear-gradient(180deg, #e43336, #c41719);
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10) inset;

    @media only screen and (max-width: 1200px) {
        width: 140px;
        height: 40px;

        &:hover,
        &:focus {
            height: 42px;
        }

        &:active {
            height: 42px;
        }
    }

    @media only screen and (min-width: 1200px) {
        width: 180px;
        height: 45px;

        &:hover,
        &:focus {
            height: 48px;
        }

        &:active {
            height: 48px;
        }
    }

    &:hover,
    &:focus {
        background: linear-gradient(180deg, #e43336, #c41719);
        box-shadow: 0px 6px 12px 0px rgba(210, 41, 44, 0.40), 0px 1px 3px 0px rgba(0, 0, 0, 0.10) inset;
    }

    &:active {
        background: linear-gradient(180deg, #c22326, #9b0c0d);
        box-shadow: 0px 6px 12px 0px rgba(210, 41, 44, 0.40), 0px 1px 3px 0px rgba(0, 0, 0, 0.10) inset;
    }
}

.el-button--info {
    font-size: 16px;
    letter-spacing: 0.1em;
    background: linear-gradient(180deg, #535353, #353535);
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10) inset;

    @media only screen and (max-width: 1200px) {
        width: 140px;
        height: 40px;

        &:hover,
        &:focus {
            height: 42px;
        }

        &:active {
            height: 42px;
        }
    }

    @media only screen and (min-width: 1200px) {
        width: 180px;
        height: 45px;

        &:hover,
        &:focus {
            height: 48px;
        }

        &:active {
            height: 48px;
        }
    }

    &:hover,
    &:focus {
        background: linear-gradient(180deg, #535353, #353535);
        box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.40);
    }

    &:active {
        background: linear-gradient(180deg, #353535, #1f1f1f);
        box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.40);
    }

}

.el-tabs__item {
    padding: 0 32px;
    font-weight: 400;

    font-size: 18px;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}


.el-carousel__indicators--outside button {
    background-color: #c6191b;
    opacity: 0.24;
}

.el-carousel__indicator.is-active button {
    opacity: 1;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: transparent;
}